<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>

	<h:form>
		<p:panelGrid columns="2" cellpadding="5">

			<h:outputLabel for="especialidad" value="Especialidad:" />
			<h:selectOneMenu id="especialidad"
				value="#{cursoMB.selectedEspecialidadId}" var="selectedEspecialidad">
				<f:selectItem itemLabel="Select Especialidad"
					noSelectionOption="true" />
				<f:selectItems value="#{cursoMB.especialidadsList}"
					var="selectedEspecialidad"
					itemValue="#{selectedEspecialidad.idEspecialidad}"
					itemLabel="#{selectedEspecialidad.nombre}" />
				<p:ajax update="estilo" />
			</h:selectOneMenu>

			<h:outputLabel for="estilo" value="Estilo:" />
			<h:selectOneMenu id="estilo"
				value="#{cursoMB.selectedEstiloId}" var="selectedEstilo">
				<f:selectItem itemLabel="Select Estilo" noSelectionOption="true" />
				<f:selectItems
					value="#{cursoMB.getEstilosListByEspecialidadId(cursoMB.selectedEspecialidadId)}"
					var="selectedEstilo"
					itemValue="#{selectedEstilo.idEstilo}"
					itemLabel="#{selectedEstilo.nombre}" />
			</h:selectOneMenu>

			<h:outputLabel for="hora" value="Hora:" />
			<h:selectOneMenu id="horaCurso" value="#{cursoMB.horaSeleccionada}">
				<f:selectItem itemLabel="Seleccione hora" itemValue="" />
				<f:selectItems value="#{cursoMB.horas}" />
			</h:selectOneMenu>

			<h:outputLabel for="dia" value="Dia:" />
			<h:selectOneMenu id="diaCurso" value="#{cursoMB.diaSeleccionado}">
				<f:selectItem itemLabel="Seleccione dia" itemValue="" />
				<f:selectItems value="#{cursoMB.dias}" />
			</h:selectOneMenu>

			<h:outputLabel for="sala" value="Sala:" />
			<h:selectOneMenu id="salaCurso" value="#{cursoMB.salaSeleccionada}">
				<f:selectItem itemLabel="Seleccione sala" itemValue="" />
				<f:selectItems value="#{cursoMB.salas}" />
			</h:selectOneMenu>
		</p:panelGrid>

		<p:commandButton value="Añadir al horario" action="#{cursoMB.anyadir}"
			ajax="false" update="CursosPorSala" />

		<h3>Horario</h3>
		<p:tabView dynamic="true" cache="true" id="CursosPorSala">
			<p:tab title="Sala 1">
				<p:dataTable id="tablaCursosS1" var="curso"
					value="#{cursoMB.cursosPorSala('Sala 1')}"
					selection="#{cursoMB.cursoSeleccionado}" rowKey="#{curso.idCurso}">
					<f:facet name="header">
					</f:facet>
					<p:column selectionMode="single" style="width:2%;text-align:center" />
					<p:column headerText="Dia de la Semana: ">
						<h:outputText value="#{curso.dia}" />
					</p:column>
					<p:column headerText="Hora: ">
						<h:outputText value="#{curso.hora}" />
					</p:column>
					<p:column headerText="Estilo">
						<h:outputText value="#{curso.estilo.nombre}"
							 />
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Borrar" action="#{cursoMB.borrar}"
							ajax="false" update="CursosPorSala" />
					</f:facet>
				</p:dataTable>
			</p:tab>
			<p:tab title="Sala 2">
				<p:dataTable id="tablaCursosS2" var="curso"
					value="#{cursoMB.cursosPorSala('Sala 2')}"
					selection="#{cursoMB.cursoSeleccionado}" rowKey="#{curso.idCurso}">
					<f:facet name="header">
					</f:facet>
					<p:column selectionMode="single" style="width:2%;text-align:center" />
					<p:column headerText="Dia de la Semana: ">
						<h:outputText value="#{curso.dia}" />
					</p:column>
					<p:column headerText="Hora: ">
						<h:outputText value="#{curso.hora}" />
					</p:column>
					<p:column headerText="Estilo">
						<h:outputText value="#{curso.estilo.nombre}"
							 />
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Borrar" action="#{cursoMB.borrar}"
							ajax="false" update="CursosPorSala" />
					</f:facet>
				</p:dataTable>
			</p:tab>
			<p:tab title="Sala 3">
				<p:dataTable id="tablaCursosS3" var="curso"
					value="#{cursoMB.cursosPorSala('Sala 3')}"
					selection="#{cursoMB.cursoSeleccionado}" rowKey="#{curso.idCurso}">
					<f:facet name="header">
					</f:facet>
					<p:column selectionMode="single" style="width:2%;text-align:center" />
					<p:column headerText="Dia de la Semana: ">
						<h:outputText value="#{curso.dia}" />
					</p:column>
					<p:column headerText="Hora: ">
						<h:outputText value="#{curso.hora}" />
					</p:column>
					<p:column headerText="Estilo">
						<h:outputText value="#{curso.estilo.nombre}"
							 />
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Borrar" action="#{cursoMB.borrar}"
							ajax="false" update="CursosPorSala" />
					</f:facet>
				</p:dataTable>
			</p:tab>
			<p:tab title="Sala 4">
				<p:dataTable id="tablaCursosS4" var="curso"
					value="#{cursoMB.cursosPorSala('Sala 4')}"
					selection="#{cursoMB.cursoSeleccionado}" rowKey="#{curso.idCurso}">
					<f:facet name="header">
					</f:facet>
					<p:column selectionMode="single" style="width:2%;text-align:center" />
					<p:column headerText="Dia de la Semana: ">
						<h:outputText value="#{curso.dia}" />
					</p:column>
					<p:column headerText="Hora: ">
						<h:outputText value="#{curso.hora}" />
					</p:column>
					<p:column headerText="Estilo">
						<h:outputText value="#{curso.estilo.nombre}"
							 />
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Borrar" action="#{cursoMB.borrar}"
							ajax="false" update="CursosPorSala" />
					</f:facet>
				</p:dataTable>
			</p:tab>
			<p:tab title="Sala 5">
				<p:dataTable id="tablaCursosS5" var="curso"
					value="#{cursoMB.cursosPorSala('Sala 5')}"
					selection="#{cursoMB.cursoSeleccionado}" rowKey="#{curso.idCurso}">
					<f:facet name="header">
					</f:facet>
					<p:column selectionMode="single" style="width:2%;text-align:center" />
					<p:column headerText="Dia de la Semana: ">
						<h:outputText value="#{curso.dia}" />
					</p:column>
					<p:column headerText="Hora: ">
						<h:outputText value="#{curso.hora}" />
					</p:column>
					<p:column headerText="Estilo">
						<h:outputText value="#{curso.estilo.nombre}"
							 />
					</p:column>
					<f:facet name="footer">
						<p:commandButton value="Borrar" action="#{cursoMB.borrar}"
							ajax="false" update="CursosPorSala" />
					</f:facet>
				</p:dataTable>
			</p:tab>
		</p:tabView>
	</h:form>
</h:body>

</html>